<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="assets/css/website.css">
    <link rel="stylesheet" href="assets/css/reset-global.css">
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <script src="assets/js/jquery.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>


    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="assets/css/blog.css">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <title>ABOUT US</title>
  </head>
  <body>
  <div th:include="pub_head"></div>
    <div class="xiangmu">
      <div class="zhuti">
        <div class="zhutis">
          <div class="zhutileft">
            <div class="zhulefts">
              <div class="zhuleft">
                <p>[[${modules[14].module.name}]]</p>
                <span>
                  [[${modules[14].banners[0].b1}]]
                  <a>[[${modules[14].banners[0].b2}]]</a>
                  [[${modules[14].banners[0].b3}]]
                </span>
              </div>
              <div class="zhuleft1">
                <img th:src="${modules[15].banners[0].imgUrl2}" alt="" />
              </div>
              <div class="zhuleft2">
                <p>
                  [[${modules[15].banners[1].description}]]
                </p>
              </div>
              <div class="zhuleft3">
                <p>
                  [[${modules[15].banners[2].description}]]
                </p>
              </div>
              <div class="zhuleft4">
                <p>[[${modules[15].banners[3].description}]]</p>
              </div>
              <div class="zhuleft3">
                <p>
                  [[${modules[15].banners[4].description}]]
                </p>
              </div>
              <div class="zhuleft6">
                <span>[[${modules[15].banners[5].title}]]</span>
                <p>
                  [[${modules[15].banners[5].description}]]
                </p>
              </div>
              <div class="zhuleft6">
                <span>[[${modules[15].banners[6].title}]]</span>
                <p>
                  [[${modules[15].banners[6].description}]]
                </p>
              </div>
              <div class="zhuleft6">
                <span>[[${modules[15].banners[7].title}]]</span>
                <p>
                  [[${modules[15].banners[7].description}]]
                </p>
              </div>
              <div class="zhuleft3">
                <p>
                  [[${modules[15].banners[8].description}]]
                </p>
              </div>
              <div class="zhuleft7">
                <p>[[${modules[15].banners[9].description}]]</p>
              </div>
              <div class="zhuleft3">
                <p>
                  [[${modules[15].banners[10].description}]]
                </p>
              </div>
              <div class="zhuleft8">
                <p  th:each="i1:${#numbers.sequence(11,13)}">
                  <span>[[${modules[15].banners[i1].title}]]</span>
                  [[${modules[15].banners[i1].description}]]
                </p>
              </div>
              <div class="zhuleft3">
                <p>
                  [[${modules[15].banners[14].description}]]
                </p>
              </div>
              <div class="zhuleft3">
                <p>
                  [[${modules[15].banners[15].description}]]
                </p>
              </div>
            </div>

            <div class="zhuleft10">
              <span>[[${modules[16].module.name}]]</span>
              <p><meter min="0" low="100" high="90" max="100" optimum="100" value="20"></meter></p>
              <div class="zhu10">
                <div class="left10"  th:each="user1:${modules[16].banners}">
                  <img th:src="${user1.imgUrl1}" alt="" />
                  <p>[[${user1.description}]]</p>
                </div>
              </div>
            </div>
          </div>

          <div class="zhutiright">
            <div class="zhuright">
              <img th:src="${modules[17].banners[0].imgUrl1}" alt="" />
            </div>
            <div class="zhuright1">
              <span>[[${modules[17].banners[0].title}]]</span>
              <p><meter min="0" low="100" high="90" max="100" optimum="100" value="30"></meter></p>
              <div class="pq"><p>[[${modules[17].banners[0].description}]]</p></div>
            </div>
            <div class="zhuright2">
              <span>[[${modules[18].module.name}]]</span>
              <p><meter min="0" low="100" high="90" max="100" optimum="100" value="90"></meter></p>
              <div class="zhuright2s" th:each="user2:${modules[18].banners}">
                <img  th:src="${user2.imgUrl1}" alt="" />
                <p>[[${user2.description}]]</p>
              </div>
            </div>
            <div class="zhuright3">
              <span>[[${modules[19].module.name}]]</span>
              <p><meter min="0" low="100" high="90" max="100" optimum="100" value="40"></meter></p>
              <div class="xiala">
                <form>
                  <select>
                    <option>[[${modules[19].module.title}]]</option>
                  </select>
                </form>
              </div>
            </div>
            <div class="centerrightFour">
              <p class="p4">[[${modules[12].module.name}]]</p>
              <div class="four-container">
                <div class="four-progress"></div>
              </div>
              <div class="centerrightFours">
                <div class="crfOne">
                  <img th:each="i1:${#numbers.sequence(0,2)}" th:src="${modules[12].banners[i1].imgUrl1}" />
                </div>
                <div class="crfOne">
                  <img th:each="i1:${#numbers.sequence(3,5)}" th:src="${modules[12].banners[i1].imgUrl1}" />
                </div>
                <div class="crfOne">
                  <img th:each="i1:${#numbers.sequence(6,8)}" th:src="${modules[12].banners[i1].imgUrl1}" />
                </div>
                <div class="crfOne">
                  <img th:each="i1:${#numbers.sequence(9,11)}" th:src="${modules[12].banners[i1].imgUrl1}" />
                </div>
              </div>
            </div>
            <div class="zhuright5">
              <span>[[${modules[21].module.name}]]</span>
              <p><meter min="0" low="100" high="90" max="100" optimum="100" value="30"></meter></p>
              <div class="meta">
                <p class="metes" th:each="user4:${modules[21].banners}">[[${user4.title}]]</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  <!-- 底部 -->
  <div th:replace="pub_footer"></div>

  </body>
</html>
